<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/gwc.css">
</head>
<body>
    <div class="herd">
        <div class="herd_box">
            <div class="hb_box1">
                <img src="./photo/logo-mi2.png" alt="" width="48px" height="48px">
                <p>我的购物车</p>
                <span>温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算</span>
            </div>
            <div class="hb_box2">
                <a href="">登录</a>
                <span>|</span>
                <a href="">注册</a>
            </div>
        </div>
    </div>
    <div class="conter">
        <div class="conter_box1">
            <div class="cb_box1">
                <img src="./photo/选择框后.svg" alt="">
                <p>全选</p>
            </div>
            <div class="cb_box2">

            </div>
            <div class="cb_box3">
                <p>商品名称</p>
            </div>
            <div class="cb_box4">
                <div class="cb4_box">
                    <p>单价</p>
                </div>
                <div class="cb4_box">
                    <p>数量</p>
                </div>
                <div class="cb4_box">
                    <p>小计</p>
                </div>
                <div class="cb4_box">
                    <p>操作</p>
                </div>
            </div>
        </div>
        <div class="conter_box2">
            <div class="onter_box1">
                <div class="b_box1">
                    <img src="./photo/选择框后.svg" alt="">
                    <p>全选</p>
                </div>
                <div class="b_box2">
                    <img src="./photo/p (2).jpg" alt="" width="80px" height="80px">
                </div>
                <div class="b_box3">
                    <p>Xiaomi MIX FOLD折叠屏手机 12GB+256GB 黑色</p>
                </div>
                <div class="b_box4">
                    <div class="b4_box">
                        <p>单价</p>
                    </div>
                    <div class="b4_box">
                        <div>
                            <a href="">-</a>
                            <input type="text" placeholder="1">
                            <a href="">+</a>
                        </div>
                    </div>
                    <div class="b4_box">
                        <span>9999元</span>
                    </div>
                    <div class="b4_box">
                        <p>操作</p>
                    </div>
                </div>
            </div>
            <div class="aonter_box1">
                <div class="ab_box1">
                    <!-- <img src="./photo/选择框后.svg" alt="">
                    <p>全选</p> -->
                </div>
                <div class="ab_box2">
                    <img src="./photo/p.jpg" alt="" width="60px" height="60px">
                </div>
                <div class="ab_box3">
                    <span>赠品</span>
                    <p>MIX FOLD 芳纶纤维保护壳 黑色</p>
                    <a href="">选择其他版本</a>
                </div>
                <div class="ab_box4">
                    <div class="ab4_box">
                        <p></p>
                    </div>
                    <div class="ab4_box">
                        <p>1</p>
                    </div>
                    <div class="ab4_box">
                        <p> </p>
                    </div>
                    <div class="ab4_box1">
                        <p> </p>
                    </div>
                </div>
            </div>
            <div class="bonter_box1">
                <img src="./photo/加.svg" alt="" width="22px" height="22px">
                <p>碎屏保障服务 1499元 <span>(碎屏免费修)</span> </p>
                <a href="">了解意外保护 ></a>
            </div>
            <div class="bonter_box2">
                <img src="./photo/加.svg" alt="" width="22px" height="22px">
                <p>云空间年卡200G208元<span></span> </p>
                <a href="">了解云空间服务 ></a>
            </div>
            <div class="bonter_box2">
                <img src="./photo/加.svg" alt="" width="22px" height="22px">
                <p>云空间年卡50G58元<span></span> </p>
                <a href="">了解云空间服务 ></a>
                
            </div>
            <div class="bonter_box2">
                <img src="./photo/加.svg" alt="" width="22px" height="22px">
                <p>云空间月卡200G21元<span></span> </p>
                <a href="">了解云空间服务 ></a>
            </div>
            <div class="bonter_box2">
                <img src="./photo/加.svg" alt="" width="22px" height="22px">
                <p>云空间月卡50G6元<span></span> </p>
                <a href="">了解云空间服务 ></a>
            </div>
        </div>
        <div class="conter_box2">
            <div class="onter_box1">
                <div class="b_box1">
                    <img src="./photo/选择框后.svg" alt="">
                    <p>全选</p>
                </div>
                <div class="b_box2">
                    <img src="./photo/p (1).jpg" alt="" width="80px" height="80px">
                </div>
                <div class="b_box3">
                    <p>	
                        米家互联网洗烘一体机10kg 白色</p>
                </div>
                <div class="b_box4">
                    <div class="b4_box">
                        <p>单价</p>
                    </div>
                    <div class="b4_box">
                        <div>
                            <a href="">-</a>
                            <input type="text" placeholder="1">
                            <a href="">+</a>
                        </div>
                    </div>
                    <div class="b4_box">
                        <span>1899元</span>
                    </div>
                    <div class="b4_box">
                        <p>×</p>
                    </div>
                </div>
            </div>
            
            <div class="bonter_box1">
                <img src="./photo/加.svg" alt="" width="22px" height="22px">
                <p>碎屏保障服务 1499元 <span>(碎屏免费修)</span> </p>
                <a href="">了解意外保护 ></a>
            </div>
            <div class="bonter_box2">
                <img src="./photo/加.svg" alt="" width="22px" height="22px">
                <p>云空间年卡200G208元<span></span> </p>
                <a href="">了解云空间服务 ></a>
            </div>
            <div class="bonter_box2">
                <img src="./photo/加.svg" alt="" width="22px" height="22px">
                <p>云空间年卡50G58元<span></span> </p>
                <a href="">了解云空间服务 ></a>
                
            </div>
            <div class="bonter_box2">
                <img src="./photo/加.svg" alt="" width="22px" height="22px">
                <p>云空间月卡200G21元<span></span> </p>
                <a href="">了解云空间服务 ></a>
            </div>
            <div class="bonter_box2">
                <img src="./photo/加.svg" alt="" width="22px" height="22px">
                <p>云空间月卡50G6元<span></span> </p>
                <a href="">了解云空间服务 ></a>
            </div>
        </div>
        <div class="conter_box3">
            <div class="cb3_box1">
                <p>继续购物<span>|</span>共<a href="">3</a>件商品，已选择<a href="">3</a>件
                    
                </p>
            </div>
            <div class="cb3_box4">
                <div class="cb3_box2">
                    <p>合计：<span>11898元</span></p>
                </div>
                <div class="cb3_box3">
                    <a href="">去结算</a>
                </div>
            </div>
        </div>
        <p class="conter_box4">买购物车中商品的人还买了</p>
        <div class="conter_box5">
            <div class="cb5_box">
                <img src="./photo/b (1).jpg" alt="">
                <p>米家负离子便携吹风机H100</p>
                <span>99元</span>
                <li>17.8万人好评</li>
            </div>
            <div class="cb5_box">
                <img src="./photo/b (2).jpg" alt="">
                <p>米家负离子便携吹风机H100</p>
                <span>99元</span>
                <li>17.8万人好评</li>
            </div>
            <div class="cb5_box">
                <img src="./photo/b (3).jpg" alt="">
                <p>米家负离子便携吹风机H100</p>
                <span>99元</span>
                <li>17.8万人好评</li>
            </div>
            <div class="cb5_box">
                <img src="./photo/b (4).jpg" alt="">
                <p>米家负离子便携吹风机H100</p>
                <span>99元</span>
                <li>17.8万人好评</li>
            </div>
            <div class="cb5_box">
                <img src="./photo/b (5).jpg" alt="">
                <p>米家负离子便携吹风机H100</p>
                <span>99元</span>
                <li>17.8万人好评</li>
            </div>
            <div class="cb5_box">
                <img src="./photo/b (1).jpg" alt="">
                <p>米家负离子便携吹风机H100</p>
                <span>99元</span>
                <li>17.8万人好评</li>
            </div>
            <div class="cb5_box">
                <img src="./photo/b (2).jpg" alt="">
                <p>米家负离子便携吹风机H100</p>
                <span>99元</span>
                <li>17.8万人好评</li>
            </div>
            <div class="cb5_box">
                <img src="./photo/b (3).jpg" alt="">
                <p>米家负离子便携吹风机H100</p>
                <span>99元</span>
                <li>17.8万人好评</li>
            </div>
            <div class="cb5_box">
                <img src="./photo/b (4).jpg" alt="">
                <p>米家负离子便携吹风机H100</p>
                <span>99元</span>
                <li>17.8万人好评</li>
            </div>
            <div class="cb5_box">
                <img src="./photo/b (5).jpg" alt="">
                <p>米家负离子便携吹风机H100</p>
                <span>99元</span>
                <li>17.8万人好评</li>
            </div>
        </div>
        
    </div>
    <div class="tail">
        <div class="tail_nav">
            <div class="tail_nav1">
                <li><a href="">♕预约维修服务</a></li>
                <li><a href="">♗七天无理由退货</a></li>
                <li><a href="">♆15天免费换货</a></li>
                <li><a href="">⚝满69包邮</a></li>
                <li><a href="">☏520余家售后网点</a></li>
            </div>
            <div class="tail_nav2">
                <div class="tn2_1">
                    <div class="tn2_2">
                        <div class="tn2_3">
                            <p>帮助中心</p>
                            <li><a href="">账号管理</a>
                            </li>
                            <li> <a href="">购物指南</a>
                            </li>
                            <li><a href="">订单操作</a></li>
                        </div>
                        <div class="tn2_3">
                            <p>服务支持</p>
                            <li><a href="">售后政策</a>
                            </li>
                            <li> <a href="">自助服务</a>
                            </li>
                            <li><a href="">相关下载</a></li>
                        </div>
                        <div class="tn2_3">
                            <p>线下门店</p>
                            <li><a href="">小米之家</a>
                            </li>
                            <li> <a href="">服务网点</a>
                            </li>
                            <li><a href="">授权体验店/专区</a></li>
                        </div>
                        <div class="tn2_3">
                            <p>关于小米</p>
                            <li><a href="">了解小米</a>
                            </li>
                            <li> <a href="">加入小米</a>
                            </li>
                            <li><a href="">投资者关系</a></li>
                            <li><a href="">企业社会责任</a>
                            </li>
                            <li> <a href="">廉洁举报</a>
                            </li>
                        </div>
                        <div class="tn2_3">
                            <p>关注我们</p>
                            <li><a href="">新浪微博</a>
                            </li>
                            <li> <a href="">官方微信</a>
                            </li>
                            <li><a href="">联系我们</a></li>
                            <li><a href="">公益基金会</a></li>
                        </div>
                        <div class="tn2_3">
                            <p>特色服务</p>
                            <li><a href="">F 码通道</a>
                            </li>
                            <li> <a href="">礼物码</a>
                            </li>
                            <li><a href="">防伪查询</a></li>
                        </div>
                    </div>
                    <div class="tn2_4">
                        <li>400-100-5678</li>
                        <p>8:00-18:00(仅收市话费)</p>
                        <div>
                            <a href="">☏人工客服</a>
                        </div>
                        <p>关注小米:</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="tail_down">
            <div class="tail_down1">
                <div class="tail_down2">
                    <img src="./img/logo-mi2.png" alt="">
                </div>
                <div class="tail_down3">
                    <p>
                        <a href="">小米商城</a>
                        <span>|</span>
                        <a href="">MIUI</a>
                        <span>|</span>
                        <a href="">米家</a>
                        <span>|</span>
                        <a href="">米聊</a>
                        <span>|</span>
                        <a href="">多看</a>
                        <span>|</span>
                        <a href="">游戏</a>
                        <span>|</span>
                        <a href="">政企服务</a>
                        <span>|</span>
                        <a href="">小米天猫店</a>
                        <span>|</span>
                        <a href="">小米集团隐私政策</a>
                        <span>|</span>
                        <a href="">小米公司儿童信息保护规则</a>
                        <span>|</span>
                        <a href="">小米商城隐私政策</a>
                        <span>|</span>
                        <a href="">小米商城用户协议</a>
                        <span>|</span>
                        <a href="">问题反馈</a>
                        <span>|</span>
                        <a href="">Select Location</a>
                        
                    </p>
                    <p>
                        <a href="">北京互联网法院法律服务工作站</a>
                        <span>|</span>
                        <a href="">中国消费者协会</a>
                        <span>|</span>
                        <a href="">北京市消费者协会</a>
                        
                    </p>
                    <p class="beian">
                        ©
                        <a href=""> 京ICP证110507号
                        </a>
                        <a href="">京ICP备10046444号</a>
                        <a href="">京公网安备11010802020134号</a>
                        <a href="">京网文[2020]0276-042号</a>
                        <br>
                        <a href="">(京)网械平台备字(2018)第00005号</a>
                        <a href="">互联网药品信息服务资格证(京)-非经营性-2014-0090</a>
                        <a href="">营业执照</a>
                        <a href="">医疗器械质量公告</a>
                        <br>
                        <a href="">增值电信业务许可证</a>
                        <a href="">网络食品经营备案 京食药网食备202010048</a>
                        <a href="">食品经营许可证</a>
                        <br>
                        <a href="">
                            违法和不良信息举报电话：171-5104-4404 </a>
                        <a href="">知识产权侵权投诉</a>
                        <a href=""> 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                        </a>
                        

                    </p>
                    
                </div>
            </div>
            <div class="qiye">
                <a href=""><img src="./img1/img2/h (4).png" alt=""></a>
                <a href=""><img src="./img1/img2/h (5).png" alt=""></a>
                <a href=""><img src="./img1/img2/h (3).png" alt=""></a>
                <a href=""><img src="./img1/img2/h (2).png" alt=""></a>
                <a href=""><img src="./img1/img2/h (1).png" alt=""></a>
            </div>
            <div class="meihao">
                <p>让全球每个人都能享受科技带来的美好生活</p>
            </div>
        </div>
    </div>
</body>
</html>